/* components/header/header.wxss */
// @import "./../../assets/icon-font/style.wxss";
:host {
    width: 100%;
}

.container {
    height: 120rpx;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    position   : relative;
    align-items: center;
    background : linear-gradient(270deg, #F44336 0%, #E91E63 100%);
}

.main {
    text-align: center;
    font-size : 30rpx;
    color     : #fff;
    flex: 1;
}

.prefix-c {
    box-sizing: border-box;
    font-size: 26rpx;
    padding-left: 40rpx;
    width: 150rpx;
    line-height: 50rpx;
    white-space: nowrap;
    color: #fff;
}
.tail-c {
    box-sizing: border-box;
    width: 150rpx;
}

.back {
    line-height: 1;
    font-size  : 50rpx;
    color: #fff;
}